<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表格标签</title>
</head>

<body>
  <!-- 展示数据显示 -->
  <table border="1">
    <thead>
      <tr>
        <th>序号</th>
        <th>商品名称</th>
        <th>商品价格</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>好丽友</td>
        <td>8.90</td>
      </tr>
      <tr>
        <td>2</td>
        <td>Q蒂</td>
        <td>9.90</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td colspan="2">金额</td>
        <td>18.80</td>
      </tr>
    </tfoot>
  </table>
  <!-- 
  合并单元格
  跨列(横向)合并  colspan
  跨行(竖向)合并  rowspan
  -->
</body>

</html>